<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>详情</title>
    <link rel="stylesheet" type="text/css" href="cssu/common.css">
    <link rel="stylesheet" type="text/css" href="cssu/style.css">
    <!-- Bootstrap core CSS -->
    <link href="cssu/bootstrap.min.css" rel="stylesheet"/>
    <link href="cssu/layui.css" rel="stylesheet">

    <script type="text/javascript" src="/js/jquery-3.5.1.min.js"></script>
    <script src="/js/bootstrap.bundle.min.js"></script>
    <script src="/js/layui.js"></script>
    <script src="/js/vue.js"></script>

</head>

<body>

<div class="yq-main" id="main">
    <center><h1>科室导航简介</h1></center>
    <div class="yq-w1200 cl">
        <div class="yq-tab">
            <div class="yq-tab-content">
                <div class="yq-tab-content-item active">
                    <div class="yq-btn-list" id="hy">

                        <div v-for=" dept in depinfo">

                            <dl></dl>
                            <dt><span>{{dept.dept.deptName}} </span></dt>
                            <dd></dd>
                            <button v-for="(s,i) in dept.sections" type="button" class="yq-btn" @click="btn(s.sectionId)">
                                <span>{{s.sectionName}}</span></button>

                        </div>

                    </div>
                </div>

            </div>
        </div>

    </div>
</div>

<script>

    $.get("/scheduling/findScheDept",function (backData) {
        app.depinfo = backData.data;
        console.log(app.depinfo)
    });

    // $.get("/ssm/dep/getSec",function (backData) {
    //     app.info = backData.data;
    // });

    var app = new Vue({

        el: "#main",
        data: {
            depinfo:[],
            info: []
        },
        methods: {
            btn:function (sectionid) {
                window.location.href="/introduceSection.html?sectionid="+sectionid;
            }
        }

    });


</script>


</body>
</html>
